(function () {
    /**
     * 메세지를 추가함
     * @param {Object} data
     * @param {String} [name] 닉네임, 빈 값이면 내가 보낸 것
     */
    var insertMessage = function (data, name) {
        var isMine = typeof name === "undefined";
        var list = $("#chat .chat-list");
        var tpl = $(isMine ? "#tpl_message_mine" : "#tpl_message");
        var output = tpl.html();

        output = output.replace("{message}", data.msg);

        if (!isMine) {
            output = output.replace("{name}", name);
        }

        list.html(list.html() + output);
    };

    $(document)
        .on("pagebeforeshow", "#chat", function () {
            insertMessage({
                type: "text",
                msg: "오빠 안녕~?! 에헤헤헤"
            }, "아이유");

            insertMessage({
                type: "text",
                msg: "오랫만이야~!"
            });
        })

        .on("vclick", "#chat ._btn_send", function () {
            var message = $("#message").val();

            if (message) {
                alert(message);
                $("#message").val("");
            }
        });
})();